<style type="text/css">
    .jscs{
        float: left;
        height: 30px;
        line-height: 30px;
    }
    .jscs i{
        float: left;
        margin-left: 5px;
    }
    .jscs span{
        float: left;
        margin-left: 5px;
    }
    .zwsj{
        font-size: 18px;
        color: #000;
        text-align: center;
        width: 100%;
        line-height: 300px;
    }
    .highcharts-credits{
        display: none;
    }
</style>
<link rel="stylesheet" href="/ceca_two/css/shareStatement.css" />
<link rel="stylesheet" href="/ceca_two/css/projectProfile.css" />
<link rel="stylesheet" type="text/css" href="ztree/demo.css"/>
<link rel="stylesheet" type="text/css" href="ztree/zTreeStyle.css.css"/>
<style type="text/css">
    .switch {
        opacity: 0;
    }
    .line {
        background: none!important;
    }
    .qqq{background: #000;}
</style>

<!--header-->
<!--# include virtual="/ceca_two/common/html/header.html"-->

<div class="content">
    <ul class="shareList">
        <li>当前位置：</li>
        <li><a href="##">首页</a></li>
        <li>&gt;</li>
        <li><a href="##">造价指标</a></li>
        <li>&gt;</li>
        <li><a href="##">某小区高层住宅</a></li>
    </ul>
    <div class="residence clearfloat">
        <div class="residenceLeft">
            <!-- 顶部概况渲染位置  -->
            <div class="details"  id="topHei"></div>

            <div class="gjxx layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">联动选择框</label>
                    <div class="layui-input-inline">
                        <select name="quiz1">
                            <option value="">请选择省</option>
                            <option value="浙江" selected="">浙江省</option>
                            <option value="你的工号">江西省</option>
                            <option value="你最喜欢的老师">福建省</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="quiz2">
                            <option value="">请选择单项工程</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="quiz3">
                            <option value="">请选择清单专业</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <select name="quiz3">
                            <option value="">请选择表格名称</option>
                        </select>
                    </div>
                    <div class="layui-input-inline">
                        <input type="text" name="key" id="key" value="" class="searchInp">
                    </div>
                </div>
            </div>




        </div>





        <div class="residenceRight">
            <p class="recommendP">相似项目推荐<span>换一批</span></p>

            <div id="rightLiftBox"></div>
        </div>
    </div>

</div>
<!--# include virtual="/ceca_two/modules/costnorm/projectMode.html"-->
<!--底部-->
<!--# include virtual="/ceca_two/common/html/footer.html"-->
</body>
</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="/ceca_two/js/materialPrice/jquery.ztree.core.js" type="text/javascript" charset="utf-8"></script>

<script>
    layui.use(['projectprofile','laytpl','form'], function(){
        var laytpl = layui.laytpl;
        var form = layui.form;
        var costId = getQueryString("costId");

        $.ajax({
            type: "post",
            url: "/guidance_service/front/data/get.do",
            data: {
                costId: costId
            },
            success: function (result) {
                var data = result.data;	// first

//	顶部详细信息
                var top = top1.innerHTML;

                laytpl(top).render(data, function (html) {
                    $("#topHei").html(html);
                });
            }
        });


       function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r != null) return unescape(r[2]);
            return null;
        }
    })
</script>
